body {
	font-family: "微软雅黑";
	font-size: 0.95em;
	background-color: rgba(0,0,0,0.03);
}

.bar {
	border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}
.title_right_btn{
	font-family: "微软雅黑";
	font-size: 0.65em;
	margin-right: 0.5em;
}


/*登录页面开始*/

.mui-content {
	background-color: white;
}

.applogo {
	zoom: 35%;
	margin: 0em;
	padding-top: 30%;
	padding-bottom: 10%;
}

.login {
	background-color: rgba(0, 0, 0, 0);
	width: 80%;
	margin-top: 0.5em;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}


/*密码与用户名输入框*/

.loginswitch {
	border: none;
	border-radius: 100px;
	width: 90%;
	background-color: rgba(0, 0, 0, 0);
}


/*自动登录框*/

.loginicon {
	zoom: 10%;
}


/* 用户名与密码icon*/

.loginbtn {
	padding: 10px;
	background-color: rgba(21, 53, 107, 0.8);
	border: none;
	color: white;
	width: 85%;
	padding: 7px;
	/*box-shadow: 0px 8px 15px rgba(0, 102, 255, 0.32);*/
	box-shadow: 0px 8px 15px rgba(21, 53, 107, 0.32);
}

#reg,
#forgetPassword {
	font-size: 0.8em;
	color: rgba(0, 0, 0, 0.3);
	padding: 0.3em;
	border-radius: 3px;
}

#account,
#password {
	font-size: 0.8em;
}


/*登录页面结束！*/


/*注册页面开始*/

.register {
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	width: 95%;
	font-size: 0.9em;
}


/*注册input*/

#reg-reg-btn {
	width: 80%;
	color: rgba(255, 255, 255, 0.8);
	padding: 0.6em;
	margin-top: 2em;
	background-color: rgba(0, 102, 255, 0.5);
	border: none;
	box-shadow: 0px 8px 15px rgba(0, 102, 255, 0.32);
}
.get_code{
	float: right;
	zoom: 90%;
	font-size:0.85em;
	margin-top: -2.4em;
	margin-right: 2em;
	color: gray;
}

.code{
	margin-top: 0.3em;
}


/*注册页结束*/

/*修改密码*/

#change-btn {
	width: 80%;
	color: rgba(255, 255, 255, 0.8);
	padding: 0.6em;
	background-color: rgba(0, 102, 255, 0.5);
	border: none;
	box-shadow: 0px 8px 15px rgba(0, 102, 255, 0.32);
}

/*忘记密码页面*/

#sendMail {
	width: 95%;
	color: rgba(255, 255, 255, 0.8);
	padding: 0.3em;
	background-color: rgba(0, 102, 255, 0.5);
	border: none;
	box-shadow: 0px 8px 15px rgba(0, 102, 255, 0.32);
}

.e-mial {
	border-bottom: solid 1px rgba(0, 0, 0, 0.2);
	width: 90%;
	font-size: 0.8em;
}


/*首页导航栏*/

#header {
	background-color: #7fb2f1;
	box-shadow: none;
}

#title {
	color: white;
}

.homelogo {
	zoom: 9%;
	margin-top: 0.3em;
	/*margin-left: 3em;*/
}

.search {
	float: right;
	top: -1.4em;
	color: white;
}


/*首页*/

.icon-nav {
	zoom: 20%;
}

.type-nav {
	margin-top: -1em;
	display: block;
	font-size: 0.7em;
	color: rgba(0, 0, 0, 0.7);
}

.nav {
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.page {
	top: 5em;
}


/*快速导航栏*/
.shop{
	margin-bottom: 0.5em;
}
.shop-bar1 {
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.changegoods {
	position: absolute;
	right: 1em;
	top: -0.3em;
	border: none;
	color: rgba(0, 0, 0, 0.5);
}

.focused {
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

#focused1 {
	padding-right: 1-em;
	margin-top: 1em;
	border-right: solid 1px rgba(0, 0, 0, 0.1);
}

#focused2 {
	margin-top: 1em;
}

.ad {
	zoom: 30%;
}


/*----------------------------分类-----------------------------------*/

#leftbar {}


/*-----------------------------------购物车*----------------------*/

.shoping-content {
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.buybar {
	background-color: rgba(255, 255, 255, 0.8);
}

.buy {
	color: rgba(255, 255, 255, 0.8);
	background-color: #FF5053;
	padding: 1.1em;
	border: none;
	border-radius: 0px;
}

.all {
	float: left;
	margin-left: 3.5em;
	margin-top: 0.4em;
}

.one {
	float: right;
	margin-top: 0.8em;
}

#goods-id {
	display: block;
	margin-left: 2.5em;
	margin-top: -0.3em;
	font-size: 0.8em;
}

#goods-img {
	margin-left: 1em;
	zoom: 20%;
}

.goods-info {
	background-color: #F9F9F9;
}

.name-number {
	font-size: 0.8em;
	float: right;
	margin-right: -1.5em;
	margin-top: 0em;
	word-wrap: break-word;
	width: 10em;
}

.name {
	color: rgba(0, 0, 0, 0.8);
}

.number {
	color: #DD524D;
}

.type {
	color: #EC971F;
}

.moeny-buy {
	float: left;
	color: #FF5053;
	font-weight: bold;
	margin-top: 0.9em;
	margin-left: 1.5em;
}


/*我的-------------------------------------------*/
#user-head{
	position: absolute;
	z-index:1;
	background-color:rgba(0,0,0,0);
}
#head-img {
	width: 5em;
	height: 5em;
	margin-top: 4.5em;
	border: solid 3px rgba(255, 255, 255, 0.8);
	border-radius: 100px;
}

.head-bg {
	background-image: url(../images/userphoto.jpg);
	background-size:cover;
	height: 18em;
	border-radius: 0px 0px 15px 15px;
	-webkit-filter: blur(4px)
}
.head-bg-buttom{
	background-image: url(../images/userphoto.jpg);
	background-size:cover;
	border-radius: 0px 0px 15px 15px;
}

#nav-btn {
	background-color: rgba(0, 0, 0, 0);
	position: absolute;
	top: 0px;
	z-index: 999;
}
.bt-head{
	margin-top: 3em;
}

/*.bt1 {
	padding-bottom: 30px;
}*/


/*bt1头像两侧按钮*/

#buttonA {
	color: white;
}

.grid-bar {
	margin-bottom: 1px;
}

#grid-bar1 {
	z-index: 1;
	border: none;
}
#option-one{
	margin-top:0.7em;
}
#option-two {
	margin-top: 0.7em;
}

.option {
	border-right: none;
	border-bottom: none;
}
.bar-title{
	margin: 0.5em 1em 0em 1em;
	color: gray;
}
.shar-name{
	font-size: 0.8em;
	color: rgba(0,0,0,0.5);
}

/*---------------------------------------个人界面详情---详情资料-------------------------*/
#userSex{
	color:#007AFF;
	font-weight: bold;
}
.mui-scroll-wrapper {
	margin-top: 40px;
}

#head img {
	width: 40px;
	height: 40px;
}

.mui-table-view li:hover {
	background-color: white;
}

.pen {
	padding: 2em 0em;
}
#myData-head-img{
	width: 4em;
	height: 4em;
	border-radius:100px ;
	border: solid 3px rgba(0,0,0,0.5);
}

/*.head-img {
	border-radius: 60px;
	border: solid 1px #D8D8D8;
	width: 6em;
	height: 6em;
	margin-left: 1em;
	margin-top: 1em;
	zoom: 70%;
}*/
.my-user-icon{
	margin-top: 1.5em;
}
.header {
	background-color: #555555;
}

.mui-title {
	color: rgba(255, 255, 255, 1);
}
.info{
	margin-right: 1.5em;
	color: gray;
	font-size: 0.9em;
}
.tap{
	float: right;
}

/*-------------------------消息页面--------------------------------------------*/

/*.head {
	float: left;
}*/

#usericon {
	width: 2.5em;
	height: 2.5em;
	border-radius: 100px;
}

#username {
	position: absolute;
	left: 3.25em;
}

#time {
	float: right;
	margin-bottom: 1.5em;
}

.massage {
	position: absolute;
	left: 4.7em;
	top: 2em;
	width: 80%;
}
/*-----------------------消息详情----------------------------------------------*/
.massage-details-head{
	margin:0em 0em 1em 1em;
}
.user-name{
	position: absolute;
	top: 6.5em;
	left: 7.5em;
	font-weight: bold;
}
.massage-time{
	position: absolute;
	top: 8.5em;
	left: 7.5em;
	color: rgba(0,0,0,0.5);
}
.massage-bar{
	background-color:rgba(255,255,255,1) ;
	padding: 0.8em;
}
#textarea{
	border: solid 1px rgba(0,0,0,0.1);
	transition: all 0.5s; 
}
#textarea:focus{
    box-shadow: 0px 2px 10px rgba(0,85,100,0.2);
}
.post{
	margin-top: 1em;
	width:20em;
	background-color: #007AFF;
	color: white;
	border: none;
	padding: 0.5em;
	border-radius:100px ;
}
.get-massage{
	padding: 1em;
	border:solid 1px rgba(0,0,0,0.1) ;
}
/*--------------------------订单详情--------------------------------------------*/
.shop-name{
	background-color:white;
	padding: 1em 0.5em;
	border-bottom:solid 1px rgba(0,0,0,0.1) ;
}
.goods-name{
	font-size: 0.8em;
}
#pay-goods-photo{
	padding: 0.1em;
	width: 6.2em;
	height: 6.2em;
	border: solid 1px rgba(0,0,0,0.1);
	margin:0.5em 0em 0.5em 0.5em ;
}
.goods-money{
    color:#F14E41;
	font-weight: bold;
	font-size: 0.8em;
}
.goods-type{
font-size: 0.8em;
	color:gray;
}
.goods-number{
    color:#555555;
	font-size: 0.8em;
}
.moeny-number{
	float:right;
	margin-right: 0.5em;
}
.pay-info{
	background-color:rgba(0,0,0,0.02);
}
.buy-number{
	float: right;
	border: none;
}
.buy-bt{
	float: right;
	height:3.6em;
	width: 9em;
	border: none;
	background-color: #F14E41;
	border-radius: 0px;
	color: white;
}

.total{
	float: left;
	margin:0.95em 0em 0em 0em;
	font-weight: bold;
	color: #F14E41;
}
.shop-logo{
	/*width: 3em;
	height: 3em;*/
	zoom: 8%;;
	float: left;
}
.shop-id{
	margin-left: 1em;
}
.place{
	width: 95%;
	font-size: 0.95em;
	color:#007AFF;
	
}
.name-place{
	margin: 0.5em 0.5em;
	border-radius:5px;
	border-bottom:solid 10px #8fa7ff ;
}
.coupon-check{
	margin-right: -0.5em;
}
.coupon-name{
	font-size: 0.85em;
	font-weight: bold;
}
/*------------------------------等待支付页面--------------*/
.buy-bt-b{
	float: right;
	margin-top: 0.3em;
	margin-right: 0.3em;
	height:3em;
	width: 5em;
	border: none;
	background-color: #F14E41;
	border-radius: 0px;
	color: white;
} 
.payoff-bt{
	float: right;
	margin-right: 1em;
	margin-top: 0.3em;
	height:3em;
	width: 6em;
	border: none;
	background-color: #4CD964;
	border-radius: 0px;
	color: white;
}
.buttom-bar{
	background-color:#FAFAFA;
	border-top:none ;
	box-shadow: none;
}
/*---------------------支付成功------------------------------*/
.success_icon{
   	zoom: 18%;
   	margin: 0.5em;
   	/*float: left;*/
}
.success_word{
	/*float: right;*/
	margin:0em 0em 0em -0.8em;
	color: white;
	font-size: 1.1em;
}
.success_money{
	/*float: right;*/
	margin-top:0.8em;
	color: white;
	font-weight: bold;
	font-size: 1.6em;
}
.oder_info{
	background-color: white;
	padding: 0.7em 2em 0.7em 2em;
}
.success_bar{
	background-color: #89c44e;
}
.complete_btn{
	width: 92%;
	background-color: #56abe4;
	color: white;
	padding: 0.5em;
	margin-top: 2em;
	border: none;
}

/*---------------------评价页面------------------------------*/
/*添加图片*/
.addphoto{
	background-color: rgba(0,0,0,0.06);
}

.camera-photo{
	margin: 0em 0em;
}

/*评论按钮*/
.post-evaluate{
	width: 92%;
	background-color: #56abe4;
	color: white;
	padding: 0.5em;
	margin-bottom: 1em;

}
/*修改信息*/
.change_bar{
	border: solid 1px rgba(0,0,0,0.1);
}
.cue{
	background-color: initial;
	border: none;
	font-size: 0.85em;
	margin-top: 1em;
	color: gray;
	text-align: center;
}

